---
    title: '平面光(AreaLight)'
---

们定义了三个THREE.AreaLight对象，每个都有自己的颜色.

Important Notes:

* 平面光没有阴影
* 只有 MeshStandardMaterial 和 MeshPhysicalMaterial 接受他的光照.
* 使用平面光前需要先引用 RectAreaLightUniformsLib 到场景中,然后在初始化.

import { Scene } from './06-area-light.jsx';

<Scene/>

<br/>

```jsx title='chapter03/06-area-light.jsx'
var areaLight1 = new THREE.RectAreaLight(0xff0000, 3);
areaLight1.position.set(-5, 5, -35);
areaLight1.rotation.set(-Math.PI / 2, 0, 0);
areaLight1.width = 4;
areaLight1.height = 9.9;
scene.add(areaLight1);
```

上面代码创建了一个新的THREE.AreaLight对象。这个光源的颜色为0xff0000,光强的值为3,width就4,height是9.9.
与其他光源一样,可以使用position属性设置该光源在场景中的位置.
